<template>
    <div id="box">
      <ul class="flex-parent">
        <li class="box-center">
          <div>index</div>
        </li>
        <li class="box-center">
          <div>find</div>
        </li>
        <li class="box-center">
          <div>msg</div>
        </li>
        <li class="box-center">
          <div>user</div>
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>
  li {
    box-sizing: border-box;
    flex: 0 0 25%;
  }
</style>
